<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
    <head>
        <th:block th:include="include :: header('样品详细')" />
    </head>
    <body>
        <div class="main-content">
    <form class="form-horizontal" th:object="${service}">
        <h4 class="form-header h4">基本信息</h4>
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">Service Name：</label>
                    <div class="col-sm-8">
                        <p class="form-control-plaintext" th:text="*{serviceName}"></p>
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">Service Type：</label>
                    <div class="col-sm-8">
                        <p class="form-control-plaintext" th:text="*{serviceType.svtypeName}"></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">Template：</label>
                    <div class="col-sm-8">
                        <p class="form-control-plaintext" th:text="*{template.templateName}"></p>
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">Instrument：</label>
                    <div class="col-sm-8">
                        <p class="form-control-plaintext" th:text="*{instrument.instName}"></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">expcode：</label>
                    <div class="col-sm-8">
                        <p class="form-control-plaintext" th:text="*{expcode}"></p>
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">priority：</label>
                    <div class="col-sm-8">
                        <p class="form-control-plaintext" th:text="*{priority == '0' ? 'NO' : 'YES'}"></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">Start time：</label>
                    <div class="col-sm-8">
                        <p class="form-control-plaintext" th:text="*{startTime}"></p>
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">End Time：</label>
                    <div class="col-sm-8">
                        <p class="form-control-plaintext" th:text="*{endTime}"></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12">
                <div class="form-group">
                    <label class="col-xs-2 control-label">Verifier：</label>
                    <div class="col-xs-10">
                        <p class="form-control-plaintext" th:text="*{userVerifier.userName}"></p>
                    </div>
                </div>
            </div>
        </div>
        <h4 class="form-header h4">状态信息</h4>
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">Status：</label>
                    <div class="col-sm-8">
                        <p class="form-control-plaintext" th:text="*{@dict.getLabel('sys_service_status', serviceStatus)}"></p>
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">Process：</label>
                    <div class="col-sm-8">
                        <p class="form-control-plaintext" th:text="*{@dict.getLabel('auto_exp_status', process)}"></p>
                    </div>
                </div>
            </div>
        </div>

        <h4 class="form-header h4">其他信息</h4>
        <!--<div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">创建者：</label>
                    <div class="col-sm-8">
                        <p class="form-control-plaintext" th:text="*{createBy}"></p>
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">创建时间：</label>
                    <div class="col-sm-8">
                        <p class="form-control-plaintext" th:text="*{#dates.format(createTime, 'yyyy-MM-dd HH:mm:ss')}"></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">更新者：</label>
                    <div class="col-sm-8">
                        <p class="form-control-plaintext" th:text="*{updateBy}"></p>
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">更新时间：</label>
                    <div class="col-sm-8">
                        <p class="form-control-plaintext" th:text="*{#dates.format(updateTime, 'yyyy-MM-dd HH:mm:ss')}"></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12">
                <div class="form-group">
                    <label class="col-xs-2 control-label">备注：</label>
                    <div class="col-xs-10">
                        <p class="form-control-plaintext" th:text="*{remark}"></p>
                    </div>
                </div>
            </div>
        </div>-->

        <div class="row">
            <div class="col-sm-12">
                <div class="form-group">
                    <label class="col-xs-2 control-label">实验：</label>
                    <div class="col-xs-10">
                        <a href="javascript:void(0)" onclick="showAutoExp()"><i class="fa fa-link"></i>实验展示</a>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>
        <th:block th:include="include :: footer" />
        <script th:inline="javascript">
        var prefixInst = ctx + "system/inst";
        var instId = [[${service.instrument.instId}]];
        var expCode = [[${service.expcode}]];

        function showAutoExp() {
            //关闭弹出层
            $.modal.close();
            //跳转实验列表界面
            if (instId != null && instId != "") {
                var url = prefixInst+"?id="+instId+"&isHighlight=true&expCode="+expCode;
                $.modal.openTab("自动化实验", url);
            }
        }
    </script>
    </body>
</html>

